/* 
    Document   : style
    Created on : 11/08/2011, 15:18:57
    Author     : Marco Antonio
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

#pagina {
    position: absolute;
    height: 670px;
    width: 1024px;
    top: 50%;
    left: 50%;
    margin-top: -335px;
    margin-left: -512px;
    background-color: #999;
}

#banner{
    position: relative;
    width: 1024px;
    height: 120px;
    background-image: url(imagens/banner.jpg);
    background-size: 1024px 120px;
}

#status{
    position: relative;
    width: 1024px;
    height: 40px;
    background-color: cyan;
}

#menu{
    position: fixed;
    width: 120px;
    height: 400px;
    background-color: burlywood;
    padding: 0;
    margin: 0;
    font: 14px Times, sans-serif;
}

#conteudo {
    position: relative;
    width: 904px;
    height: 510px;
    margin-left: 120px;
    background-color: cadetblue;
}

#foto{
    position: relative;
    width: 120px;
    height: 140px;
    margin-left: 200px;
    background-color: white;
    border-style: double;
    border-width: thin;
}

#esquerda {
    position: absolute;
    width: 512px;
    height: 328px;
/*    background-color: aqua;*/
}

#direita{
    position: absolute;
    width: 391px;
    height: 328px;
    left: 512px;  
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu li {
    border-bottom: 1px solid #0000FF;
    margin: 0;
}

#menu li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    font-weight:bold;
    background-color: #00BFFF;
    color: #191970;
    text-decoration: none;
}
#menu li a:hover {
    
    background-color: #87CEEB;
    color: #00688B;
}

#status p{
    margin: 0;
}

/* Classes  */
.esquerda{
    float: left;
}

.direita{
    float: right;
}

/* Elementos */

h1{
    margin: 0;
    text-align: center;
}

label{
    width: 200px;
    display: block;
    float: left;
    text-align: right;
}

